﻿<script setup lang="ts">
import dayjs from 'dayjs'
const currentYear = ref(dayjs().year())
</script>

<template>
  <footer class="flex overflow-hidden p-20px">
    <p class="flex-1 items-center justify-center m-0 opacity-50 leading-normal text-center">Copyright © {{currentYear}} {{ $t('settings.settingProjectTitle') }}</p>
  </footer>
</template>

<style lang="scss" scoped>
footer{
  height: var(--el-footer-height);
  background-color: var(--el-fill-color-blank);
  border-top: 1px dashed var(--el-border-color);

  p{
    color: var(--el-text-color-placeholder);
  }
}
</style>
